<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 头部，尾部模板 -->
    <link rel="stylesheet" href="./css/template.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./css/API.css">
</head>

<body>
    <div class="head clearfix">
        <!-- 主页头部 -->
        <div class="left"><img src="./images/new-logo-white2.png"></div>
        <div class="nav">
            <ul>
                <li><a href="./index.html">首页</a></li>
                <li class="below"><a href="./API.html">API</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="./customer.html">案例</a></li>
                <li><a href="#">开发者</a></li>
            </ul>
        </div>
        <div class="right">
            <a href="./register.html"><button>登录</button></a>
            <a href="./signin.html"><button>注册有礼</button></a>
        </div>
    </div>

    <!-- 主体内容 -->
    <main class="heart ">
        <!-- API服务 -->
        <h3 class="serve-title">API分类</h3>
        <section class="serve">
            <!-- <span class="active" ed="身份证实名">全部</span>
            <span ed="快乐">生活服务</span>
            <span ed="毁灭吧">金融科技</span>
            <span ed="累了">交通地理</span>
            <span ed="又要充钱">充值缴费</span>
            <span ed="机器人毁灭世界">数据智能</span>
            <span ed="工厂难受">企业工商</span>
            <span ed="神级运用">应用开发</span>
            <span ed="直播带货">电子商务</span>
            <span ed="瓜子零食">吃喝玩乐</span>
            <span ed="快手，斗鱼">文娱视频</span>
            <span ed="全部都是接口">免费接口大全</span>
            <span ed="没有短信">短信</span>
            <span ed="兰博基尼">汽车</span>
            <span ed="阴性">核验</span>
            <span ed="永劫无间">最新发布</span>
            <span ed="API全是我的">API私有化部署</span> -->
        </section>
        <!-- API详细内容 -->
        <section class="API-detail heart clearfix">
            <div class="title">
                <span>全部</span>
                <input type="text" placeholder="身份证实名">
            </div>
            <div class="content clearfix">
                <!-- <ul>
                    <li>
                        <div class="content-top">
                            <img src="./images/API_01.jpg">
                            <p>2021出行防疫政策指南</p>
                            <span class="green">免费</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li>
                        <div class="content-top">
                            <img src="./images/API_01.jpg">
                            <p>2021出行防疫政策指南</p>
                            <span class="green">免费</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li>
                        <div class="content-top">
                            <img src="./images/API_01.jpg">
                            <p>2021出行防疫政策指南</p>
                            <span class="green">免费</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li>
                        <div class="content-top">
                            <img src="./images/API_01.jpg">
                            <p>2021出行防疫政策指南</p>
                            <span class="green">免费</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                </ul>
                <ul>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_02.jpg">
                            <p>身份证实名</p>
                            <span class="red">￥0.2000/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_02.jpg">
                            <p>身份证实名</p>
                            <span class="red">￥0.2000/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_02.jpg">
                            <p>身份证实名</p>
                            <span class="red">￥0.2000/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_02.jpg">
                            <p>身份证实名</p>
                            <span class="red">￥0.2000/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div class="content-top">
                            <img src="./images/API_03.jpg">
                            <p>天气预报</p>
                            <span class="green">免费</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li>
                        <div class="content-top">
                            <img src="./images/API_03.jpg">
                            <p>天气预报</p>
                            <span class="green">免费</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li>
                        <div class="content-top">
                            <img src="./images/API_03.jpg">
                            <p>天气预报</p>
                            <span class="green">免费</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li>
                        <div class="content-top">
                            <img src="./images/API_03.jpg">
                            <p>天气预报</p>
                            <span class="green">免费</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                </ul>
                <ul>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_04.jpg">
                            <p>银行卡四元素校验</p>
                            <span class="red">￥0.3360/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_04.jpg">
                            <p>银行卡四元素校验</p>
                            <span class="red">￥0.3360/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_04.jpg">
                            <p>银行卡四元素校验</p>
                            <span class="red">￥0.3360/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_04.jpg">
                            <p>银行卡四元素校验</p>
                            <span class="red">￥0.3360/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                </ul>
                <ul>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_05.jpg">
                            <p>短信API服务</p>
                            <span class="red">￥0.0400/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_05.jpg">
                            <p>短信API服务</p>
                            <span class="red">￥0.0400/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_05.jpg">
                            <p>短信API服务</p>
                            <span class="red">￥0.0400/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                    <li class="Enterprise-dedicated">
                        <div class="content-top">
                            <img src="./images/API_05.jpg">
                            <p>短信API服务</p>
                            <span class="red">￥0.0400/次</span>
                        </div>
                        <div class="apply-for">申请数据</div>
                    </li>
                </ul> -->
            </div>

            

            <!-- 分页器 -->
            <div class="Switch-the-page">
                <div class="sorter-previous">
                    <span class="iteam pitch-on">1</span>
                    <span class="iteam">2</span>
                    <span class="iteam">3</span>
                    <span class="iteam">4</span>
                    <span>.....</span>
                    <a href="javascript:;">下一页></a>
                </div>
                <div class="sorter-next active">
                    <a href="javascript:;"> &lt;上一页 </a>
                    <span class="iteam">5</span>
                    <span class="iteam">6</span>
                </div>
            </div>
        </section>
    </main>

    <!-- 模态框 -->
    <div class="main">
        <div class="main-right">
            <img src="./images/new-logo-white2.png" class="title-log">
            <span class="register ss active">账号登录</span> <span class="register ">扫码登录</span>
            <div class="account aa on">
                <input type="text" placeholder="用户名/手机号/邮箱">
                <input type="password" placeholder="密码">
                <span ></span>
                <div class="password"><a href="">忘记密码</a></div>
                <button>登录</button>
            </div>
            <div class="codes aa">
                <img src="./images/103-demo.png">
                <p>微信扫码登录</p>
                <p>未关注源码科技公众号，请先关注后再登录</p>
            </div>
            <p class="footer">还没有源码账号，<a href="./signin.html">立即注册</a></p>
        </div>
    </div>

    <!-- 尾部模板 -->
    <footer class="heart">
        <div class="clearfix content">
            <ul>
                <li>联系与支持</li>
                <li>400-882-7715</li>
                <li>售前咨询</li>
                <li>客服&售后</li>
                <li>常见问题</li>
                <li>极速工单</li>
                <li>投诉与建议</li>
            </ul>
            <ul>
                <li>关于源码</li>
                <li>合作伙伴</li>
                <li>服务条款</li>
                <li>隐私政策</li>
                <li>市场合作</li>
                <li>反商业贿赂声明</li>
            </ul>
            <ul>
                <li>快速入口</li>
                <li>API数据</li>
                <li>黑钻会员</li>
                <li>新闻动态</li>
                <li>联系我们</li>
                <li>加入我们</li>
            </ul>
            <ul>
                <li>产品服务</li>
                <li>云监测</li>
                <li>云查询</li>
                <li>云助手</li>
                <li>聚盒子</li>
                <li>云充值</li>
            </ul>
            <ul>
                <li>解决方案</li>
                <li>数字中台</li>
                <li>慧集：API生命周期管理</li>
                <li>有赢：助力企业营销</li>
            </ul>
            <div class="right">
                <h4>微信公众号</h4>
                <p>源码时代</p>
                <img src="./images/wechat-white.png">
            </div>
        </div>
        <div class="clearfix license">
            <p><img src="./images/bei2.png"><img src="./images/bei1.png"> 增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
            </p>
            <p>源码大数据股份有限公司©版权所有</p>
        </div>
    </footer>

    <script src="./js/API.js"></script>
</body>

</html>